<template>
	<div class="j-pcbb">
		<j-header :indexNum="2"></j-header>
		<div class="jp-banner"></div>
		<div class="nav-title">
			<div class="container clearfix">
				<div class="nav-text pull-left">脐带血库</div>
				<div class="nav-link pull-left">
					<router-link to="/">首页 </router-link>/
					<span>关于我们 </span>/
					<span>脐带血库 </span>
				</div>
			</div>
		</div>
		<div class="container">
			<!--<div class="jp-about">-->
				<!--<div class="jp-img">-->
					<!--<img src="../../assets/about/pcbb01.jpg" alt="">-->
				<!--</div>-->
				<!--<div class="jp-about-info clearfix">-->
					<!--<div class="pull-left info-left">-->
						<!--<p>中国干细胞集团旗下的上海市脐带血造血干细胞库经国家卫生部卫医发〔2001〕225号和〔2005〕69号文批准设置，是由上海市红十字会及上海市血液中心联合设置的国家特殊血站，依法开展脐带血造血干细胞的采集、制备、检测、冻存、选择、发放、移植等业务。</p>-->
					<!--</div>-->
					<!--<div class="pull-right info-right">-->
						<!--<img src="../../assets/about/pcbb02.jpg" alt="">-->
					<!--</div>-->
				<!--</div>-->
			<!--</div>-->
			<div class="module-title text-center">
				<span class="title-ch">脐带血库</span><br>
				<span class="title-en">CORD BLOOD BANK</span>
			</div>
			<div class="jg-about-item">
				<div class="jp-about-info clearfix">
					<div class="pull-left info-left">
						<img src="../../assets/about/pcbb01.jpg" alt="">
					</div>
					<div class="pull-right info-right">
						<p>中国干细胞集团旗下的上海市脐带血造血干细胞库经国家卫生部卫医发〔2001〕225号和〔2005〕69号文批准设置，是由上海市红十字会及上海市血液中心联合设置的国家特殊血站，依法开展脐带血造血干细胞的采集、制备、检测、冻存、选择、发放、移植等业务。</p>
					</div>
				</div>
			</div>
			<div class="jp-icon">
				<ul class="text-center clearfix">
					<li><img src="../../assets/about/pcbb-icon01.png" alt=""><br>采集</li>
					<li><img src="../../assets/about/pcbb-icon02.png" alt=""><br>制备</li>
					<li><img src="../../assets/about/pcbb-icon03.png" alt=""><br>检测</li>
					<li><img src="../../assets/about/pcbb-icon04.png" alt=""><br>冻存</li>
					<li><img src="../../assets/about/pcbb-icon05.png" alt=""><br>选择</li>
					<li><img src="../../assets/about/pcbb-icon06.png" alt=""><br>发放</li>
					<li><img src="../../assets/about/pcbb-icon07.png" alt=""><br>移植</li>
				</ul>
			</div>
			<div class="jp-about">
				<div class="jp-about-info clearfix">
					<div class="pull-left info-left">
						<p>上海市脐带血库拥有包括全球最先进气相液氮存储系统的深低温冻存室和严格遵照GLP标准设计的干细胞科研实验室在内的完善实验室体系及国际先进的仪器设备，并通过建立了标准的操作规程、全面的质量管理体系及自动化的信息管理系统，确保脐带血长期保存的安全性和有效性。</p>
					</div>
					<div class="pull-right info-right">
						<img src="../../assets/about/pcbb02.jpg" alt="">
					</div>
				</div>
			</div>
		</div>
		<div class="jp-number">
			<!--<div class="jp-number-top">-->
				<!--<div class="container jp-top-info clearfix">-->
					<!--<div class="pull-left">-->
						<!--<img src="../../assets/about/pcbb05.jpg" alt="">-->
					<!--</div>-->
					<!--<p class="pull-left">上海市脐带血库拥有包括全球最先进气相液氮存储系统的深低温冻存室和严格遵照GLP标准设计的干细胞科研实验室在内的完善实验室体系及国际先进的仪器设备，并通过建立了标准的操作规程、全面的质量管理体系及自动化的信息管理系统，确保脐带血长期保存的安全性和有效性。</p>-->
				<!--</div>-->
			<!--</div>-->
			<div class="container">
				<div class="jp-number-down">
					<p class="jp-title">上海市脐带血库是目前全国规模最大的干细胞公共资源库</p>
					<p class="jp-text">基于公共库资源，上海市脐带血库已达成全球华人配型成功率<span class="text-num">100</span><span class="pec">%</span>的目标，完成临床移植数量居全国之首的同时屡创多项之最。在接受移植的患者中，体重超过30公斤的占<span class="text-num">76.31</span><span class="pec">%</span>，年龄超过18岁的占<span class="text-num">56.33</span><span class="pec">%</span>，患者移植后五年的存活率高达<span class="text-num">58.9</span><span class="pec">%</span>，达到国际先进水平。</p>
				</div>
			</div>
		</div>
		<div class="jp-paragraph">
			<div class="container">
				<div class="par-box">
					<p class="par-title">上海市脐带血造血干细胞库</p>
					<p class="">上海市脐带血造血干细胞库经国家卫生部卫医发〔2001〕225号和〔2005〕69号文批准设置，是由上海市红十字会及上海市血液中心联合设置的国家特殊血站，依法开展脐带血造血干细胞的采集、制备、检测、冻存、选择、发放、移植等业务。中国干细胞集团旗下的上海市干细胞技术有限公司作为主办单位负责对其进行建设和管理。上海市脐带血库拥有包括全球最先进气相液氮存储系统的深低温冻存室和严格遵照GLP标准设计的干细胞科研实验室在内的完善实验室体系及国际先进的仪器设备，并通过建立了标准的操作规程、全面的质量管理体系及自动化的信息管理系统，确保脐带血长期保存的安全性和有效性。</p>
					<p class="">上海市脐带血库是目前全国规模最大的干细胞公共资源库。基于公共库资源，上海市脐带血库已达成全球华人配型成功率100%的目标，完成临床移植数量居全国之首的同时屡创多项之最。在接受移植的患者中，体重超过30公斤的占76.31%，年龄超过18岁的占56.33%，患者移植后五年的存活率高达58.9%，达到国际先进水平。</p>
					<p class="">上海市脐带血库和其主办单位获得的荣誉包括：市文明单位、市五一劳动奖状、市科普教育基地、市高新技术企业、市创新型企业、市高新技术成果转化百佳、自主创新十强企业、市科技小巨人企业、市著名商标等。</p>
				</div>
			</div>
		</div>
		<j-certificate></j-certificate>
		<div class="jp-code">
			<div class="contaner">
				<div class="">
					<img src="../../assets/about/code.jpg" alt="">
					<p>扫码关注我们的公众号<br>关注您的健康</p>
				</div>
			</div>
		</div>
		<j-footer></j-footer>
	</div>
</template>
<script>
import JHeader from '../../components/Header.vue'
import JFooter from '../../components/Footer.vue'
import JCertificate from '../../components/Certificate.vue'
export default {
  name: 'Experts',
  components: {
    JHeader, JFooter, JCertificate
  }
}
</script>
<style rel="stylesheet/scss" type="text/scss" lang="scss" scoped>
	.j-pcbb{
		.clearfix{
			overflow: hidden;
		}
		.jp-banner {
			height: 150px;
			background: url(../../assets/banner/banner02.jpg) center top no-repeat;
			/*background-size: 100%;*/
		}
		.container{
			.jg-about-item{
				width: 85%;
				margin: 0 auto;
				/*border: 1px solid red;*/
				.jp-about-info{
					/*width: 85%;*/
					.info-left{
						width: 50%;
						padding-right: 15px;
						img{
							max-width: 100%;
						}
					}
					.info-right{
						width: 50%;
						p{
							padding-left: 15px;
							line-height: 30px;
							/*width: 90%;*/
						}
					}
				}
			}
			.jp-about{
				margin: 60px auto 0 auto;
				.jp-about-info{
					width: 85%;
					margin: 0 auto 50px auto;
					/*border: 1px solid red;*/
					.info-left{
						width: 42%;
						/*border: 1px solid red;*/
						p{
							padding-right: 20px;
							line-height: 30px;
						}
					}
					.info-right{
						width: 58%;
						/*border: 1px solid red;*/
						text-align: right;
					}
				}
			}
			.jp-icon{
				width: 90%;
				/*border: 1px solid red;*/
				margin: 60px auto 100px auto;
				ul{
					li{
						display: inline-block;
						float: left;
						width: 14.285714%;
						color: #333;
						img{
							margin-bottom: 10px;
						}
					}
				}
			}
		}
		.jp-number{
			.jp-number-top{
				background-color: #f8fafb;
				.jp-top-info{
					div{
						width: 48%;
						img{
							max-width: 100%;
						}
					}
					p{
						color: #333333;
						width: 52%;
						padding: 45px 0;
						/*font-size: 16px ;*/
						line-height: 30px;
						margin: 0;
					}
				}
			}
			.jp-number-down{
				padding: 50px 0 60px 0;
				.jp-title{
					font-size: 16px;
					color: #2ea7e0;
				}
				.jp-text{
					/*font-size: 16px;*/
					color: #333;
					line-height: 30px;
					span{
						color: #2ea7e0;
					}
					.text-num{
						font-size: 24px;
					}
				}
			}
		}
		.jp-paragraph{
			padding: 50px 0;
			background-color: #f8f8f8;
			.par-box{
				width: 80%;
				margin: 0 auto;
				p{
					margin-bottom: 30px;
					line-height: 30px;
					/*font-size: 16px;*/
					color: #000000;
				}
				.par-title{
					font-size: 28px;
					font-weight: 600;
					text-align: center;
				}
			}
		}
		.jp-code{
			margin: 100px auto 130px auto;
			text-align: center;
			img{
				border: 1px solid #cacaca;
			}
			p{
				margin-top: 10px;
				/*font-size: 16px;*/
				line-height: 24px;
				color: #333;
			}
		}
	}
	@media (max-width: 767px){
		.j-pcbb{
			.container{
				.jg-about-item{
					width: 100%;
					margin: 0 auto;
					.jp-about-info{
						.info-left{
							width: 100%;
							padding-right: 0;
						}
						.info-right{
							width: 100%;
							margin-top: 20px;
							p{
								padding-left: 0;
							}
						}
					}
				}
				.jp-about{
					.jp-about-info{
						width: 100%;
						.info-left{
							width: 100%;
							p{
								width: 100%;
							}
						}
						.info-right{
							width: 100%;
							text-align: center;
						}
					}
				}
				.jp-icon{
					width: 100%;
					margin: 50px auto;
					ul{
						li{
							display: inline-block;
							float: left;
							/*width: 14.285714%;*/
							margin-bottom: 10px;
							width: 25%;
							img{
								margin-bottom: 10px;
								max-width: 100%;
							}
						}
					}
				}
			}
			.jp-number{
				.jp-number-top{
					background-color: #f8fafb;
					.jp-top-info{
						div{
							width: 100%;
							img{
								max-width: 100%;
							}
						}
						p{
							width: 100%;
							padding: 45px 0;
						}
					}
				}
			}
			.jp-paragraph{
				.par-box{
					width: 100%;
					p{
						margin-bottom: 30px;
						color: #000000;
					}
					.par-title{
						font-size: 28px;
						font-weight: 600;
						text-align: center;
					}
				}
			}
			.jp-code{
				margin: 80px auto 110px auto;
				text-align: center;
				img{
					border: 1px solid #cacaca;
				}
			}
		}
	}
</style>
